<div  class="main">
        <div class="nav">
            <div class="nav-titles">
                <div class="nav-left">
                    <a href="#">联系我们</a>
                </div>
                <div class="nav-right">
                    <a id="denglu" href="">登录</a>
                </div>
            </div>
        </div>
         <!--登录弹框-->
    	<div class="denglu-page" style="display: none;">
            	<h1><img id="close-im" src="http://s4.xiaohongshu.com/static/img/v2/web/common/login/close.png"/></h1>
            	<div>
            		<a class="png_bg"></a>
            	</div>
            	<div class="png_titl"><span>登录</span></div>
            	<div class="png_img">
            		<a href=""></a>
            		<a href=""></a>
            	</div>
            </div>
        <div class="media-neirong">
            <div class="baodao">
                <span>联系我们</span>
            </div>
           <div class="wrapper">
           		<div class="yijian">
           			<h3>意见反馈</h3>
           			<p>不管你翻开“小红书”的感觉是惊喜还是沉醉，或是稍许的不解，欢迎通过以下方式发出你的声音。</p>
           			<p>微博@小红书官方微博</p>
           			<p>微信和公众平台小红书互动（也可通过微信号xhsapp查询</p>
           			<img src="//s4.xiaohongshu.com/static/img/qr.png?s=1471971752"/>
           			<div class="hengxian"></div>
           		</div>
           		<div class="zijian">
           			<h3>小红自荐</h3>
           			<p>我们深知高手藏于民间，<br />
						如果你<br />
						<br />
						<br />
						生活在境外并对当地购物如数家珍<br />
						如果你常到处旅行边走边买，积攒了各种一手经验<br />
						如果你人在内心在外是海淘代购的top买家<br />
						<br />
						快快联系“小红书”，我们将<br />
						<br />
						让你成为最受欢迎的主题攻略撰稿人<br />
						在社区里一呼百应拥有自己的粉丝团<br />
						倾力把你打造成时尚购物达人“小红”
           			</p>
           			<div class="hengxian"></div>
           		</div>
           		<div class="meitihezuo">
           			<h3>媒体合作</h3>
           			<p>虽然我们是低调奢华有内涵，但是仍然欢迎媒体朋友们砸来各种问题，以及给出内容合作的建议，发来邮件吧。 </p>
           			<div class="hengxian"></div>
           		</div>
           		<div class="yewuhezuo">
           			<h3>业务合作</h3>
           			<p>我们的推荐完全基于各地达人的“私家偏见”，不接受任何形式的广告植入，但如果类似给独家折扣类的商务合作需求，也不妨联系我们。</p>
           			<div class="hengxian"></div>
           		</div>
           		<div class="lianxifangshi">
           			<h3>联系方式</h3>
           			<p>
           				公司名称：行吟信息科技（上海）有限公司 <br />
						公司地址： 上海市黄浦区马当路388号 SOHO复兴广场 D座2楼 <br />
						人事/招聘： career@xiaohongshu.com <br />
						媒体/采访：	media@xiaohongshu.com <br />
						市场/品牌：	marketing@xiaohongshu.com <br />
						福利社美妆个护： bd_cosmetics@xiaohongshu.com <br />
						福利社时尚轻奢： bd_fashion@xiaohongshu.com <br />
						福利社生活方式： bd_lifestyle@xiaohongshu.com （包括食品、保健品、家居、电器等等） <br />
						综合/其他： contact@xiaohongshu.com 
						<br />
						<br />
           			</p>
           		</div>
           </div> 
        </div>
        <div class="download">
            <h1>立即下载小红书</h1>
           	<a href="http://www.xiaohongshu.com/redirect/app_hk" class="download-cont">
	    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/common/apple2.png?s=1471971752" alt="" />
	    		<span>iOS</span>
	    	</a>
	    	<a href="http://o3.xiaohongshu.com/d/xhs_v2.7.0.apk" class="download-cont">   			
	    		<img src="http://s4.xiaohongshu.com/static/img/v2/web/common/android2.png?s=1471971752" alt="" />
	    		<span>Android</span>
	    	</a>
            <a href="" class="download-cont">
                <img src="http://s4.xiaohongshu.com/static/img/v2/web/common/qr-code-2016.jpg?s=1471971752" alt="" />
            </a>
        </div>
</div>
<script type="text/javascript">
	//登录部分
	var $denglu=$(".denglu-page");
    var $yinying=$( '<div id="yinying" style="position:fixed;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 108;display: block;"></div>');
	$("#denglu").click(function(){
		$denglu.css("display","block");
    	$yinying.appendTo("body").click(function(){
    		$denglu.css("display","none");
    		$(this).remove()
    	});
	})
	 $("#close-im").on("click",function(){
        	$denglu.css("display","none");
    		$yinying.remove();
        })
</script>